<template>
    <div class="markbox">
        <div class="sun-loading"></div>
      </div>
</template>


<style lang="css" scoped>
/*loading开始*/
.markbox{
        background-color: rgb(255, 255, 255,0.1);
        
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
      }
    .sun-loading {
       overflow: hidden;
        background: url('../../assets/loading.gif') 0 0 no-repeat;
        background-size: 50%;
        margin:auto;
        position:absolute;
        top: 12rem;
        left: 35rem;
        bottom: 0;
        right:0;
    }
    /*loading结束*/	
</style>